<!DOCTYPE html>
<html>
<head>
    <title>YogaScript</title>
        
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- This script is added by PhoneGap build -->
    <!-- <script type="text/javascript" src="cordova.js"></script> -->
    
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/knockout-2.2.1.js"></script>
    <script type="text/javascript" src="js/globalize.min.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>

    <script type="text/javascript" src="js/dx.phonejs.js"></script>
    
    <link rel="stylesheet" type="text/css" href="css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="css/dx.ios.default.css" />
    <link rel="stylesheet" type="text/css" href="css/dx.android.holo-dark.css" />
    <link rel="stylesheet" type="text/css" href="css/dx.win8.black.small.css" />
    <link rel="stylesheet" type="text/css" href="css/dx.desktop.default.css" />
    <link rel="stylesheet" type="text/css" href="css/dx.tizen.white.css" />

    <!-- Layouts -->
    <link rel="stylesheet" type="text/css" href="layouts/SlideOut/SlideOutLayout.css" />
    <link rel="dx-template" type="text/html" href="layouts/SlideOut/SlideOutLayout.html" />
    <script type="text/javascript" src="layouts/SlideOut/SlideOutLayout.js"></script>

    <!-- App -->
    <link rel="stylesheet" type="text/css" href="index.css" />
    <script type="text/javascript" src="index.js"></script>    

    <link rel="stylesheet" type="text/css" href="views/training.css" />
    <script type="text/javascript" src="views/training.js"></script>
    <link rel="dx-template" type="text/html" href="views/training.html"/>

    <link rel="stylesheet" type="text/css" href="views/schedule.css" />
    <script type="text/javascript" src="views/schedule.js"></script>
    <link rel="dx-template" type="text/html" href="views/schedule.html"/>
    
    <link rel="stylesheet" type="text/css" href="views/sequence_list.css" />
    <script type="text/javascript" src="views/sequence_list.js"></script>
    <link rel="dx-template" type="text/html" href="views/sequence_list.html"/>
    
    <link rel="stylesheet" type="text/css" href="views/sequence.css" />
    <script type="text/javascript" src="views/sequence.js"></script>
    <link rel="dx-template" type="text/html" href="views/sequence.html"/>
    
    <link rel="stylesheet" type="text/css" href="views/pose_list.css" />
    <script type="text/javascript" src="views/pose_list.js"></script>
    <link rel="dx-template" type="text/html" href="views/pose_list.html"/>
    
    <link rel="stylesheet" type="text/css" href="views/pose.css" />
    <script type="text/javascript" src="views/pose.js"></script>
    <link rel="dx-template" type="text/html" href="views/pose.html"/>
    
    <link rel="stylesheet" type="text/css" href="views/about.css" />
    <script type="text/javascript" src="views/about.js"></script>
    <link rel="dx-template" type="text/html" href="views/about.html"/>

    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> 
</head>
<body>
  <!--<div class="dx-viewport"></div>-->
  
  <div data-options="dxLayout : { name: 'default' } " >
      <div data-options="dxContentPlaceholder  : { name: 'content', transition: 'slide' } "></div>
  </div>    
  
  <div data-options="dxView : { name: 'home' } " >
    <div data-options="dxContent : { targetPlaceholder: 'content'}" style="text-align:center">
      <br>
      <div><b class="pose-header">Yoga Script</b></div>
      <div>
      <div>
      <img src="images/title.png " data-bind="dxButton:{clickAction: doTraining}">
      </div>

      <div class="startstop" data-bind="dxButton: { text: 'Start training', clickAction: doTraining, width:'300px' }"></div>
      </div>
      
 <!--div id="fb-root"></div>          
     
     <div class="fb-login-button">Login with Facebook</div-->  
      <!--div style="margin-top:20px">
        <div class="button" data-bind="dxButton:{text:'Training', clickAction: doTraining, width:'80%'}"></div>
        <div class="button" data-bind="dxButton:{text:'Schedule', clickAction: doSchedule, width:'80%'}"></div>
        <div class="button" data-bind="dxButton:{text:'Sequences', clickAction: doSequences, width:'80%'}"></div>
        <div class="button" data-bind="dxButton:{text:'Poses', clickAction: doPoses, width:'80%'}"></div>
      </div>
      <div style="margin-top:20px">
        <div class="button" data-bind="dxButton:{text:'About', clickAction: doAbout, width:'80%'}"></div>
      </div-->
    

    <div class="copyright">
        <p>YogaScript is an application to help people make the yoga exercises individually</p>
        <p>&copy; 2013 JAPA team</p>
      
      <div id="toastContainer" data-bind="dxToast:{message:'Action message', type:'success', displayTime: 3000 }"></div> 
    </div>

    </div>
  </div>

</body>
</html>